.container {
  padding: 32rpx;
  margin-top: var(--status-bar-height);

  :deep() {
    &>.theme {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      &>:nth-child(n) {
        margin-right: 32rpx;
        margin-bottom: 32rpx;
      }
    }

    &>.tabs {
      display: flex;
      &>:nth-child(n) {
        margin-bottom: 32rpx;
        margin-right: 32rpx;
      }

      &>:first-child {
        flex: auto;
        overflow: hidden;
      }

      &>.com-tab--y {
        flex-shrink: 0;
      }
    }

    &>.buttons {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      z-index: 5;
      position: relative;

      &>:nth-child(n) {
        margin-right: 32rpx;
        margin-bottom: 32rpx;
      }
    }

    &>.progress {
      display: flex;
      align-items: center;

      &>.com-progress {
        flex: auto;
        margin: 0 32rpx;
      }

      &>:nth-child(n) {
        margin-bottom: 32rpx;
      }
    }

    &>.checkboxs {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      &>:nth-child(n) {
        margin-right: 32rpx;
        margin-bottom: 32rpx;
      }
    }

    &>.switchs {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      &>:nth-child(n) {
        margin-right: 32rpx;
        margin-bottom: 32rpx;
      }
    }
  }
}